<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE> FreeCMS - 公开源码、免费使用、代码通俗易懂、注释详细、面向二次开发友好，致力于打造更好的中国开源免费CMS!</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type><LINK 
title="Main stylesheet" rel=stylesheet type=text/css 
href="/site/FreeCMS/resources/css/site.css" 
media=all></HEAD>
<BODY>
<DIV id=page-header>
<P class=menu>&nbsp;</P>
<P class=apache>&nbsp;</P><A href="/">
<IMG alt="" 
src="/site/FreeCMS/resources/img/logo.png" 
>

 </A></DIV><!-- LEFT SIDE NAVIGATION -->
<DIV id=apmenu>

    <H1 >要点</H1>
    <UL>
        <LI><A href="/site/FreeCMS/dt/index.html">动态</A> 
        <LI><A href="/site/FreeCMS/about/index.html">关于</A> 
        <LI><A href="/site/FreeCMS/license/index.html">许可证</A> 
        <LI><A href="/site/FreeCMS/FAQ/index.html">常见问题解答</A> 
        <LI><A href="http://code.google.com/p/freecms/wiki/Wiki">维基</A> 
        <LI><A href="http://code.google.com/p/freecms/issues/list">讨论</A> 
    </UL>
    <H1 >功能演示</H1>
    <UL>
        <LI><A href="/site/FreeCMS/unit/index.html">单位</A> 
        <LI><A href="/site/FreeCMS/util/index.html">工具类</A> 
        <LI><A href="/site/FreeCMS/comment/index.html">评论</A> 
        <LI><A href="/site/FreeCMS/question/index.html">网上调查</A> 
        <LI><A href="/site/FreeCMS/config/index.html">系统配置</A> 
        <LI><A href="/site/FreeCMS/mail/index.html">信件</A> 
        <LI><A href="/site/FreeCMS/applyopen/index.html">依申请公开</A> 
        <LI><A href="/site/FreeCMS/user/index.html">用户</A> 
        <LI><A href="/site/FreeCMS/report/index.html">在线申报</A> 
        <LI><A href="/site/FreeCMS/guestbook/index.html">留言</A> 
        <LI><A href="/site/FreeCMS/imgs/index.html">图片集</A> 
        <LI><A href="/site/FreeCMS/job/index.html">招聘</A> 
        <LI><A href="/site/FreeCMS/tag/index.html">自定义标签</A> 
    </UL>
    <H1 >下载</H1>
    <UL>
        <LI><A href="http://code.google.com/p/freecms/downloads/list">下载</A> 
        <LI><A href="http://code.google.com/p/freecms/source/checkout">源代码</A> 
    </UL>
    <H1 >获得支持</H1>
    <UL>
        <LI><A href="/site/FreeCMS/service/index.html">服务支持</A> 
        <LI><A href="/site/FreeCMS/solution/index.html">解决方案</A> 
    </UL>
    <H1 >参与</H1>
    <UL>
        <LI><A href="/site/FreeCMS/bug/index.html">Bug报告</A> 
        <LI><A href="/site/FreeCMS/share/index.html">贡献源码</A> 
        <LI><A href="/site/FreeCMS/join/index.html">加入FreeTeam</A> 
    </UL>
    <H1 >其它</H1>
    <UL>
        <LI><A href="/site/FreeCMS/contribute/index.html">捐赠</A> 
    </UL>

</DIV>
<!-- RIGHT SIDE INFORMATION -->
<DIV id=apcontents>

<script type="text/javascript" src="/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="/js/weebox0.4/bgiframe.js"></script>
<script type="text/javascript" src="/js/weebox0.4/weebox.js"></script>
<link type="text/css" rel="stylesheet" href="/js/weebox0.4/weebox.css" />
<h1>图片集</h1>
<h2>图片集测试信息</h2>
【<a href='#' onclick="window.external.AddFavorite(location.href,document.title);">加入收藏夹</a>】&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【<a href='#' onclick="window.print();">打印</a>】&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【<a href='#' onclick="window.close();">关闭</a>】
											 来源：  日期：2013-07-04 11:11:15 点击量：
											<span id='ajaxInfoClickSpan0e562c0811f249e084692988cc7714a4' class='hongsz1'><img src='/js/images/ajax-loader.gif'/></span><script>$.post('/info_ajaxClick.do','info.id=99b87db2-208e-4919-b3da-2a901fa26c98',ajaxInfoClickComplete0e562c0811f249e084692988cc7714a4,'text');function ajaxInfoClickComplete0e562c0811f249e084692988cc7714a4(data){$('#ajaxInfoClickSpan0e562c0811f249e084692988cc7714a4').html(data);}</script>
											
											<span id='ajaxStoreSpandab9ffe60f664957b0a34deb519ccfb6'  onclick='ajaxStoredab9ffe60f664957b0a34deb519ccfb6()' style='cursor:hand'>收藏</span><script>function ajaxStoredab9ffe60f664957b0a34deb519ccfb6(){$.post('/store_ajaxStore.do','store.objid=99b87db2-208e-4919-b3da-2a901fa26c98&store.objtype=info&store.siteid=7a4d22d6-762b-46e5-895b-d62da52bf9cb&store.channelid=29089d31-b6fe-400d-bb3b-46fa92cfa367',ajaxStoreCompletedab9ffe60f664957b0a34deb519ccfb6,'text');}function ajaxStoreCompletedab9ffe60f664957b0a34deb519ccfb6(data){alert(data)}</script>
											<br/>
	<div class="allCon">
    	<div class="topImgCon2">
    	<div class="topImgCon">
        	<div class="leftIcon"><a href="#" onclick="left()"><img src="/site/FreeCMS/resources/img/left_0201.png" height="40" width="40" ></a></div>
            <div class="rightIcon"><a href="#" onclick="right()"><img src="/site/FreeCMS/resources/img/right_0201.png" height="40" width="40"></a></div>
        
        
		<div class="topImg">
			<span id="bigpic0" 
			>
			<img src="/freecms/userfiles/files/admin/01.jpg" alt="第一个图片" title="第一个图片" width="920"></span>  
			<span id="bigpic1" 
			style="display:none"
			>
			<img src="/freecms/userfiles/files/admin/02.jpg" alt="第二个图片" title="第二个图片" width="920"></span>  
			<span id="bigpic2" 
			style="display:none"
			>
			<img src="/freecms/userfiles/files/admin/03.jpg" alt="第三个图片" title="第三个图片" width="920"></span>  
        </div>
    	</div>
        </div>
        
        <div class="wenziCon">		
			<span id="desc0" 
			>
			第一个图片描述</span>  
			<span id="desc1" 
			style="display:none"
			>
			第二个图片描述</span>  
			<span id="desc2" 
			style="display:none"
			>
			第三个图片描述</span>  
        </div>
        <div class="imgListCon">
        	<div class="imgListIcon1"><a href="#" onclick="left()"><img src="/site/FreeCMS/resources/img/leftPre.jpg" height="16" width="12"></a></div>
            <div class="imgListIcon2"><a href="#" onclick="right()"><img src="/site/FreeCMS/resources/img/rightPre.jpg" height="16" width="12"></a></div>
        	<div class="imgList">	
<div id="thumbs3">
<div id="thumbs2">
        		<ul>
					<li 
					class="liBg"
					 id="thumb0">
					<a href="#" onclick="slideDesc(0)">
					<img src="/freecms/userfiles/files/admin/01.jpg" height="75" width="100">
					</a>
					</li>
					<li 					 id="thumb1">
					<a href="#" onclick="slideDesc(1)">
					<img src="/freecms/userfiles/files/admin/02.jpg" height="75" width="100">
					</a>
					</li>
					<li 					 id="thumb2">
					<a href="#" onclick="slideDesc(2)">
					<img src="/freecms/userfiles/files/admin/03.jpg" height="75" width="100">
					</a>
					</li>
                </ul>
				</div>
				</div>
            </div>
        </div>
    </div>
	<script>
	var picnum=3;
	var index=0;
	//描述交替轮换
function slideDesc(i){
	index=i;
    for(var i1=0;i1<picnum;i1++){
    	if(i!=i1){
    		$('#'+ 'desc'+ i1).fadeOut("fast");	
    		$('#'+ 'bigpic'+ i1).hide(); 
    		$('#'+ 'thumb'+ i1).removeClass('liBg');
    	}
    }
    var id = 'desc'+ i;
    var picid = 'bigpic'+ i;
    $('#'+ id).fadeIn("fast");	 
    $('#'+ picid).fadeIn("fast");
		
	$('#'+ 'thumb'+ i).addClass('liBg');
	
	var maxloop=6;
	if(index>maxloop){
		document.getElementById("thumbs3").scrollLeft=(100*(index-maxloop));
	}else{
		document.getElementById("thumbs3").scrollLeft=0;
	}
}
function left(){
	if(index>0){
		index=index-1;
	}
	slideDesc(index);
}
function right(){
	if(index<picnum-1){
		index=index+1;
	}else{
		index=0;
	}
	slideDesc(index);
}
slideDesc(0);
	</script>
<br/>
	<p>
	图片集测试信息</p>
<script type="text/javascript" src="//js/jwplayer/jwplayer.min.js"></script>
<div id="jsplayerdiv">
</div>		
											
<br/>

<br/>
<b>上一条</b><br/>
<ul>
</ul>
<br/>
<b>下一条</b><br/>
<ul>
</ul>
<br/>
<b>相关新闻</b><br/>
<ul>
</ul>
<!-- FOOTER -->
<DIV id=footer>
<P>Copyright © 2013 FreeTeam</P></DIV></DIV></BODY></HTML>
